<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Laya家族</title>
    <link rel="stylesheet" href="./bootstrap-3.4.1/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/famile.min.css">
    <script src="./jquery.js"></script>
    <script src="./bootstrap-3.4.1/js/dropdown.js"></script>
    <script src="./bootstrap-3.4.1/js/collapse.js"></script>
    <script src="./bootstrap-3.4.1/js/transition.js"></script>
    <script src="./bootstrap-3.4.1/js/carousel.js"></script>
</head>

<body>
    <div class="container-fluid box-nav">
        <!-- 导航栏 -->
        <div class="navbar-wrapper">
            <div class="container">
                <nav class="navbar navbar-inverse navbar-static-top">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">
                                <img src="./img/logo.png" alt="" class="logo">
                            </a>
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">首页</a></li>
                                <li class="active"><a href="#">Laya家族</a></li>
                                <li><a href="游戏.html">游戏</a></li>
                                <li><a href="新闻动态.html">新闻动态</a></li>
                                <li><a href="#">开发者中心</a></li>
                                <li><a href="#">开发者社区</a></li>
                                <li><a href="#">开放平台</a></li>
                                <li><a href="关于我们.html">关于我们</a></li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                        aria-haspopup="true" aria-expanded="false">Language <span
                                            class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">中文</a></li>
                                        <li><a href="#">英文</a></li>
                                        <li><a href="#">日文</a></li>

                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>

            </div>
        </div>
    </div>
    <div class="section1 container-fluid">
        <div class="row">
            <div class="box col-xs-12 col-sm-12 col-md-6 ">
                <h3>LayaFlash</h3>
                <h6>直接用Flash AS3语言开发HTML5的引擎 </h6>
                <p>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发
                    HTML5产品；</p>
                <p>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业
                    进入HTML5市场低成本、无门槛；</p>
                <p>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</p>
                <button class="btn">点击下载</button>
            </div>
            <img class="col-xs-12 col-sm-4 col-sm-offset-8 col-md-6 col-md-offset-0" src="img/2-1.png" alt="">
        </div>

    </div>

    <div class="section2 container-fluid">
        <div class="row">
            <h3 class="col-xs-11">LayaPlayer</h3>
            <img class="col-xs-4 lt" src="img/2-2.png" alt="">
            <div class="box col-xs-12 col-sm-4">
                <h5>极强性能</h5>
                <p>
                    C语言编写的HTML5运行器，逻辑渲染双核运
                    行、GPU加速渲染、内存显存智能管理、渲染流
                    程极致优化，基于LayaPlayer运行的HTML5产品
                    性能媲美APP。
                </p>
                <h5>更小，更多，更强</h5>
                <p>不足20K的HTML5运行器，拥有超过5亿的移动
                    设备安装量，已嵌入到QQ浏览器、QQ空间、百
                    度浏览器、新浪微博、猎豹浏览器等20多家主流
                    平台。</p>
            </div>
            <img class="col-xs-4 gt" src="img/2-3.png" alt="">

        </div>
    </div>
    <div class="section3 container-fluid">
        <div class="row">
            <div class="box col-xs-12 col-sm-6">
                <div>
                    <div class="title">
                        <SPan>3</SPan>
                        <h3>LayaAir</h3>
                    </div>
                    <p class="fon18">
                        新一代HTML5引擎，正在内测完善中，敬请期待
                    </p>
                    <h6 class="fon18">小巧强大</h6>
                    <p class="fon14">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功
                        能，性能媲美APP</p>
                    <h6 class="fon18">应用领域更广泛</h6>
                    <p class="fon14">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
                    <h6 class="fon18">多语言开发</h6>
                    <p class="fon14">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
                </div>
                <img src="img/2-4.png" alt="">
            </div>
            <div class="box col-xs-12 col-sm-6">
                <div class="title">
                    <SPan>4</SPan>
                    <h3>LayaOpen</h3>
                </div>
                <p class="fon18">
                    面向Layabox开发者、流量渠道的一站式对接平台
                </p>
                <h6 class="fon18">一站式对接</h6>
                <p class="fon14 gt"> 一次对接，全渠道发行，提供一站式对接、发行、运营服务</p>
                <h6 class="fon18">免费测试</h6>
                <p class="fon14"> 提供免费评测服务以及线上真实用户的产品测试和运营测试</p>
                <h6 class="fon18">专业服务</h6>
                <p class="fon14"> 提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统</p>
                <img src="img/2-5.png" alt="">
            </div>
        </div>
    </div>
    <div class="section3 section4 container-fluid">
        <div class="row">
            <div class="box col-xs-12 col-sm-6">
                <div>
                    <div class="title">
                        <SPan>5</SPan>
                        <h3>LayaAir</h3>
                    </div>
                    <p class="fon18">
                        新一代HTML5引擎，正在内测完善中，敬请期待
                    </p>
                    <h6 class="fon18">小巧强大</h6>
                    <p class="fon14">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功
                        能，性能媲美APP</p>
                    <h6 class="fon18">应用领域更广泛</h6>
                    <p class="fon14">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
                    <h6 class="fon18">多语言开发</h6>
                    <p class="fon14">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
                </div>
                <img src="img/2-6.png" alt="">
            </div>
            <div class="box col-xs-12 col-sm-6">
                <div class="title">
                    <SPan>6</SPan>
                    <h3>LayaOpen</h3>
                </div>
                <p class="fon18">
                    面向Layabox开发者、流量渠道的一站式对接平台
                </p>
                <h6 class="fon18">一站式对接</h6>
                <p class="fon14 gt"> 一次对接，全渠道发行，提供一站式对接、发行、运营服务</p>
                <h6 class="fon18">免费测试</h6>
                <p class="fon14"> 提供免费评测服务以及线上真实用户的产品测试和运营测试</p>
                <h6 class="fon18">专业服务</h6>
                <p class="fon14"> 提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统</p>
                <img src="img/2-7.png" alt="">
            </div>
        </div>
    </div>

    <footer class="container-fluid">
        <div class="box6 row">
            <div class="lt col-xs-9">
                <h6>公司简介 &nbsp; 联系方式 &nbsp; 人才招聘</h6>
                <p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
            </div>
            <div class="gt col-xs-3">
                <img src="img/图层50.png" alt="">
                <img class="vx" src="img/图层51.png" alt="">
                <img class="qr" src="img/图层 53.png" alt="">
                <img src="img/图层52.png" alt="">

            </div>
        </div>

    </footer>

</body>

</html>